Node / reticulum_mirror / MeshChatX / files / meshchatx / src / frontend / components / settings / sections / VisualiserSettingsSection.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tff7b72<templateTff7b72>

Tff7b72<section Te6edf3v-show=Ta5d6ff"visible" Te6edf3class=Ta5d6ff"settings-section break-inside-avoid"Tff7b72>

Tff7b72<header Te6edf3class=Ta5d6ff"settings-section__header"Tff7b72>

Tff7b72<divTff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"settings-section__eyebrow"Tff7b72>VisualiserTff7b72</div>

Tff7b72<h2Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"visualiser.title"Tff7b72) Tff7b72}}Tff7b72</h2>

Tff7b72<pTff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"visualiser.description"Tff7b72) Tff7b72}}Tff7b72</p>

Tff7b72</div>

Tff7b72</header>

Tff7b72<div Te6edf3class=Ta5d6ff"settings-section__body space-y-4"Tff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"space-y-2"Tff7b72>

Tff7b72<div Te6edf3class=Ta5d6ff"text-sm font-medium text-gray-900 dark:text-gray-100"Tff7b72>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"visualiser.renderer_title"Tff7b72) Tff7b72}}

Tff7b72</div>

Tff7b72<p Te6edf3class=Ta5d6ff"text-xs text-gray-600 dark:text-gray-400"Tff7b72>

Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"visualiser.renderer_desc"Tff7b72) Tff7b72}}

Tff7b72</p>

Tff7b72<select

Te6edf3id=Ta5d6ff"settings-visualiser-renderer"

Te6edf3:value=Ta5d6ff"renderer"

Te6edf3class=Ta5d6ff"input-field"

@Te6edf3change=Ta5d6ff"$emit('renderer-change', $event.target.value)"

Tff7b72>

Tff7b72<option Te6edf3value=Ta5d6ff"auto"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"visualiser.renderer_option_auto"Tff7b72) Tff7b72}}Tff7b72</option>

Tff7b72<option Te6edf3value=Ta5d6ff"webgl"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"visualiser.renderer_option_webgl"Tff7b72) Tff7b72}}Tff7b72</option>

Tff7b72<option Te6edf3value=Ta5d6ff"vis"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"visualiser.renderer_option_vis"Tff7b72) Tff7b72}}Tff7b72</option>

Tff7b72</select>

Tff7b72</div>

Tff7b72<label Te6edf3class=Ta5d6ff"setting-toggle"Tff7b72>

Tff7b72<Toggle

Te6edf3id=Ta5d6ff"settings-visualiser-offline"

Te6edf3:model-value=Ta5d6ff"showDisabledInterfaces"

@Te6edf3update:model-value=Ta5d6ff"$emit('show-disabled-change', $event)"

Tff7b72/>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__label"Tff7b72>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__title"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"visualiser.show_disabled_interfaces"Tff7b72) Tff7b72}}Tff7b72</span>

Tff7b72</span>

Tff7b72</label>

Tff7b72<label Te6edf3class=Ta5d6ff"setting-toggle"Tff7b72>

Tff7b72<Toggle

Te6edf3id=Ta5d6ff"settings-visualiser-discovered"

Te6edf3:model-value=Ta5d6ff"showDiscoveredInterfaces"

@Te6edf3update:model-value=Ta5d6ff"$emit('show-discovered-change', $event)"

Tff7b72/>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__label"Tff7b72>

Tff7b72<span Te6edf3class=Ta5d6ff"setting-toggle__title"Tff7b72>Tff7b72{{ $Te6edf3tTff7b72(Ta5d6ff"visualiser.show_discovered_interfaces"Tff7b72) Tff7b72}}Tff7b72</span>

Tff7b72</span>

Tff7b72</label>

Tff7b72</div>

Tff7b72</section>

Tff7b72</template>

Tff7b72<scriptTff7b72>

import Toggle from "../../forms/Toggle.vue";

export default {

name: "VisualiserSettingsSection",

components: {

Toggle,

},

props: {

visible: {

type: Boolean,

default: true,

},

renderer: {

type: String,

default: "auto",

},

showDisabledInterfaces: {

type: Boolean,

default: false,

},

showDiscoveredInterfaces: {

type: Boolean,

default: false,

},

},

emits: ["renderer-change", "show-disabled-change", "show-discovered-change"],

};

Tff7b72</script>